import { Navigate } from 'react-router-dom'
import Login from '../component/Login'
import Main from "../component/Main";
import NotFind from '../component/404';
import Home from "../component/Main/Home";
import About from "../component/Main/About";

export  const routes = [
    {
        path:"/login" ,
        element:<Login />
    },
    {
        path:"/main",
         element:<Main />, 
         children:[
            {
                path:"/main/home",
                element:<Home/>,
            },
            {
                path:"/main/about",
                element:<About />,
            },
         ]
    },
    {
        path:"/",
         element:<Navigate to="/login" />
    },
    {
        path:"*" ,
        element:<NotFind />
    },
]
